<!--
@Name: index
@Author: Yujilong
@Date: 2020/11/12 9:06
@Description: 自定义Tabs
-->

<template>
    <div class="self-tabs">
        <div class="self-tabs-nav">
            <div class="self-tabs-nav-item"
                 v-for="tab in tabList"
                 :class="[tabIndex == tab.index ? 'tabs-active' : '']"
                 @click="changeTab(tab)"
            ></div>
        </div>
    </div>
</template>

<script>
  export default {
    name: 'SelfTabs',
    props: {
      tabList: Array,
      tabIndex: Number
    },
    data() {
      return {}
    },
    methods: {
      changeTab(tab) {

      }
    }
  }
</script>

<style scoped>

</style>
